<template>
  <div class="tag-demo">
    <t-tag>Default Tag</t-tag>
    <t-tag type="primary">Primary Tag</t-tag>
    <t-tag type="success">Success Tag</t-tag>
    <t-tag type="info">Info Tag</t-tag>
    <t-tag type="warning">Warning Tag</t-tag>
    <t-tag type="danger">Danger Tag</t-tag>
  </div>
</template>

<style scoped>
.tag-demo {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
</style>
